<?xml version="1.0" encoding="UTF-8"?><d:tdl xmlns="http://www.w3.org/1999/xhtml" xmlns:b="http://www.backbase.com/2006/btl"  xmlns:d="http://www.backbase.com/2006/tdl" >

	<d:namespace name="http://www.backbase.com/2006/btl">

		<d:uses element="toolBarBase toolBarItemBase toolBarButtonBase toolBarSwitchBase toolBarSeparatorBase" src="../toolBarBase.xml"/>

		<d:element name="toolBar" extends="b:toolBarBase">
			

			<d:resource type="text/css"><![CDATA[.btl-toolBar {
	background-color: ThreeDFace;
}
.btl-toolBarButton,
.btl-toolBarSwitch {
	cursor: pointer;
}
.btl-toolBarButton-border,
.btl-toolBarSwitch-border {
	text-align: center;
	overflow: hidden;
}
.btl-toolBarButton-hover .btl-toolBarButton-border,
.btl-toolBarSwitch-hover .btl-toolBarSwitch-border,
.btl-toolBarButton-press .btl-toolBarButton-border,
.btl-toolBarSwitch-press .btl-toolBarSwitch-border,
.btl-toolBarSwitch-active .btl-toolBarSwitch-border {
	border-width: 1px;
	border-style: solid;
}
.btl-toolBarButton-hover .btl-toolBarButton-border,
.btl-toolBarSwitch-hover .btl-toolBarSwitch-border {
	border-color: ThreeDHighlight ThreeDShadow ThreeDShadow ThreeDHighlight;
}
.btl-toolBarButton-press .btl-toolBarButton-border,
.btl-toolBarSwitch-press .btl-toolBarSwitch-border,
.btl-toolBarSwitch-active .btl-toolBarSwitch-border {
	border-color: ThreeDShadow ThreeDHighlight ThreeDHighlight ThreeDShadow;
}
.btl-toolBarSwitch-active .btl-toolBarSwitch-border {
	background-image: url(media/blocks.png)
}
.btl-toolBarButton-hover .btl-label,
.btl-toolBarSwitch-hover .btl-label {
	padding: 4px;
}
.btl-toolBarButton-hover .btl-icon,
.btl-toolBarSwitch-hover .btl-icon {
	padding-left: 24px;
	background-position: 3px center;
}
.btl-toolBarButton-press .btl-label,
.btl-toolBarSwitch-press .btl-label,
.btl-toolBarSwitch-active .btl-label {
	padding: 5px 3px 3px 5px;
}
.btl-toolBarButton-press .btl-icon,
.btl-toolBarSwitch-press .btl-icon,
.btl-toolBarSwitch-active .btl-icon {
	padding-left: 25px;
}
.btl-toolBarSeparator {
	width: 0;
	height: 100%;
	overflow: hidden;
	padding: 0;
}
.btl-disabled .btl-toolBarItem,
.btl-disabled .btl-toolBarButton-border,
.btl-disabled .btl-toolBarSwitch-border {
	color: GrayText;
	opacity: 0.6;
}
/* fixes */
.ie .btl-toolBar {
	zoom: 1.0; /* needed to make opacity work */
}
.btl-toolBarTable {
	empty-cells: show;
}
.ie .btl-disabled .btl-toolBarButton-border,
.ie .btl-disabled .btl-toolBarSwitch-border {
	-ms-filter: "alpha(opacity=60)";
	filter: alpha(opacity=60);
}
.ie .btl-toolBarButton-border,
.ie .btl-toolBarSwitch-border {
	height: auto; /* if not set to auto, content is only partially visible */
}
.ie .btl-toolBarSeparator-div {
	width: 0; /* without this zero width div, the borders of the horizontal separator do not show in IE... */
}
.ie .btl-toolBarButton-hover .btl-icon,
.ie .btl-toolBarSwitch-hover .btl-icon {
	/* Adding a border shifts the background-position, except in IE */
	background-position: 4px center;
}]]></d:resource>
			<d:resource type="image/png" src="media/blocks.png"/>

			<d:template type="application/xhtml+xml">
				<div class="btl-toolBar btl-bevel-top-bottom">
					<table class="btl-toolBarTable" border="0" cellpadding="0" cellspacing="0">
						<tbody><tr><d:content/></tr></tbody>
					</table>
				</div>
			</d:template>
		</d:element>

		<d:element name="toolBarItem" extends="b:toolBarItemBase">
			

			<d:template type="application/xhtml+xml">
				<td class="btl-toolBarItem"><div class="btl-label"><d:content/></div></td>
			</d:template>
		</d:element>

		<d:element name="toolBarButton" extends="b:toolBarButtonBase">
			
			<d:template type="application/xhtml+xml">
				<td class="btl-toolBarItem btl-toolBarButton">
					<div class="btl-toolBarButton-border btl-label"><d:content/></div>
				</td>
			</d:template>

			<d:constructor type="text/javascript"><![CDATA[
				bb.html.disableUserSelect(this.viewNode);
			]]></d:constructor>

			<d:handler event="mousedown" type="text/javascript"><![CDATA[
				bb.html.addClass(this.viewNode, 'btl-toolBarButton-press');
			]]></d:handler>

			<d:handler event="mouseup" type="text/javascript"><![CDATA[
				bb.html.removeClass(this.viewNode, 'btl-toolBarButton-press');
			]]></d:handler>

			<d:handler event="mouseenter" type="text/javascript"><![CDATA[
				bb.html.addClass(this.viewNode, 'btl-toolBarButton-hover');
			]]></d:handler>

			<d:handler event="mouseleave" type="text/javascript"><![CDATA[
				bb.html.removeClass(this.viewNode, 'btl-toolBarButton-press');
				bb.html.removeClass(this.viewNode, 'btl-toolBarButton-hover');
			]]></d:handler>
		</d:element>

		<d:element name="toolBarSwitch" extends="b:toolBarSwitchBase">
			
			<d:template type="application/xhtml+xml">
				<td class="btl-toolBarItem btl-toolBarSwitch">
					<div class="btl-toolBarSwitch-border btl-label"><d:content/></div>
				</td>
			</d:template>

			<d:attribute name="active">
				<d:mapper type="text/javascript"><![CDATA[
					if(btl.isTrueValue(name, value))
						bb.html.addClass(this.viewNode, 'btl-toolBarSwitch-active');
					else
						bb.html.removeClass(this.viewNode, 'btl-toolBarSwitch-active');
				]]></d:mapper>
			</d:attribute>

			<d:constructor type="text/javascript"><![CDATA[
				bb.html.disableUserSelect(this.viewNode);
			]]></d:constructor>

			<d:handler event="mousedown" type="text/javascript"><![CDATA[
				bb.html.addClass(this.viewNode, 'btl-toolBarSwitch-press');
			]]></d:handler>

			<d:handler event="mouseup" type="text/javascript"><![CDATA[
				bb.html.removeClass(this.viewNode, 'btl-toolBarSwitch-press');
			]]></d:handler>

			<d:handler event="mouseenter" type="text/javascript"><![CDATA[
				bb.html.addClass(this.viewNode, 'btl-toolBarSwitch-hover');
			]]></d:handler>

			<d:handler event="mouseleave" type="text/javascript"><![CDATA[
				bb.html.removeClass(this.viewNode, 'btl-toolBarSwitch-press');
				bb.html.removeClass(this.viewNode, 'btl-toolBarSwitch-hover');
			]]></d:handler>
		</d:element>

		<d:element name="toolBarSeparator" extends="b:toolBarSeparatorBase">
			

			<d:template type="application/xhtml+xml">
				<td class="btl-toolBarSeparator btl-bevel-left-right">
					<div class="btl-toolBarSeparator-div"><d:content/></div>
				</td>
			</d:template>
		</d:element>
	</d:namespace>
</d:tdl>